<!DOCTYPE html>
<html lang="en">

<head>
  <link href="../styles/settings.css" rel="stylesheet">
  <meta charset="UTF-8">
  <title>Settings</title>
</head>

<body class="page">
  <div class="setting-top-bar">
    <div class="top-bar-left">
      <img class="top-bar-icon" src="../assets/icon.png">
    </div>
    <div class="top-bar-right">
      <button type="button" class="upgrade-btn" id="upgrade-btn" onclick="upgrade()">检查更新</button>
      <button type="button" class="upgrade-btn" id="feedback-btn" onclick="feedback()">联系我们</button>
    </div>
    <div class="top-bar-middle">
      <ul class="title-list">
        <li>
          <h1>Electronjs Wechat <span id="electronjs-wechat-version"></span></h1></li>
        <li>
          <h1 style="font-size:95%;">Powered by Electron V<span id="electronjs-version"></span></h1></li>
      </ul>
    </div>
  </div>
  <div class="setting-menu">
    <section>
      <ul>
        <li class="menu-title">
          <h3 id="app-language-title">语言（重启生效）</h3>
        </li>
        <li class="menu-desc">
          <h4 id="app-language-desc">选择你希望使用的默认语言</h4>
        </li>
        <li class="menu-button">
          <select class="" id="app-language-select" required>
            <option value="en">English</option>
            <option value="zh_CN">简体中文</option>
          </select>
        </li>
      </ul>
    </section>
    <section>
      <ul>
        <li class="menu-title">
          <h3 id="app-recall-title">阻止消息撤回</h3>
        </li>
        <li class="menu-desc">
          <h4 id="app-recall-desc">选择是否阻止微信的消息撤回功能</h4>
        </li>
        <li class="menu-button">
          <select class="" id="app-recall-select">
            <option value="true">On</option>
            <option value="false">Off</option>
          </select>
        </li>
      </ul>
    </section>
    <section>
      <ul>
        <li class="menu-title">
          <h3 id="app-instance-title">是否允许开启多个实例</h3>
        </li>
        <li class="menu-desc">
          <h4 id="app-instance-desc">多个实例可以同时登录不同帐号</h4>
        </li>
        <li class="menu-button">
          <select id="app-instance-select">
            <option value="true">On</option>
            <option value="false">Off</option>
          </select>
        </li>
      </ul>
    </section>
    <section id="app-tray">
      <ul>
        <li class="menu-title">
          <h3 id="app-tray-title">托盘图标颜色（黑/白）</h3>
        </li>
        <li class="menu-desc">
          <h4 id="app-tray-desc">选择一个适合当前主题的颜色</h4>
        </li>
        <li class="menu-button">
          <select id="app-tray-select">
            <option value="black">◆</option>
            <option value="white">◇</option>
          </select>
        </li>
      </ul>
    </section>
    <section>
      <ul>
        <li class="menu-title">
          <h3 id="dev-mode-title">是否允许打开开发者工具</h3>
        </li>
        <li class="menu-desc">
          <h4 id="dev-mode-desc">可以查看页面资源源码</h4>
        </li>
        <li class="menu-button">
          <select id="dev-mode-select">
            <option value="true">On</option>
            <option value="false">Off</option>
          </select>
        </li>
      </ul>
    </section>
    <section>
      <ul>
        <li class="menu-title">
          <h3 id="logger-level-title">日志输出等级</h3>
        </li>
        <li class="menu-desc">
          <h4 id="logger-level-desc">选择合适的级别以方便排查问题</h4>
        </li>
        <li class="menu-button">
          <select id="logger-level-select">
            <option value="OFF">OFF</option>
            <option value="INFO">INFO</option>
            <option value="WARN">WARN</option>
            <option value="ERROR">ERROR</option>
            <option value="DEBUG">DEBUG</option>
            <option value="TRACE">TRACE</option>
            <option value="FATAL">FATAL</option>
            <option value="ALL">ALL</option>
          </select>
        </li>
      </ul>
    </section>
    <section>
      <ul>
        <li class="menu-title">
          <h3 id="win-size-title">窗口默认大小</h3>
        </li>
        <li class="menu-desc">
          <h4 id="win-size-desc">登录后默认窗口大小</h4>
        </li>
        <li class="menu-button">
          <input type="text" id="win-size-width-select" placeholder="width">x
          <input type="text" id="win-size-height-select" placeholder="height">
        </li>
      </ul>
    </section>
    <section>
      <ul>
        <li class="menu-title">
          <h3 id="download-dir-title">下载路径</h3>
        </li>
        <li class="menu-desc">
          <h4 id="download-dir-desc">文件默认保存路径</h4>
        </li>
        <li class="menu-button">
          <input type="text" id="download-dir-select" placeholder="download dir">
        </li>
      </ul>
    </section>
    <section>
      <ul>
        <li class="menu-title">
          <h3 id="app-icon-title">Flash 路径 (即将上线)</h3>
        </li>
        <li class="menu-desc">
          <h4 id="app-icon-desc">默认路径</h4>
        </li>
        <li class="menu-button">
          <input type="text" placeholder="File Path...">
        </li>
      </ul>
    </section>
  </div>
  <script lang="javascript" src="../lib/setting.js"></script>

</body>

</html>
